:root{--iconTransition:all ease-out 0.2s}.sb-iconButton{transition:all .2s ease-out;transition:var(--iconTransition)}.sb-iconButton:active{transform:scale(.95)}.sb-iconButton .sb-icon-hover{transition:all .2s ease-out;transition:var(--iconTransition);transform-origin:center;transform:scale(.4);fill:transparent;opacity:.1}.sb-iconButton:active .sb-icon-hover{opacity:.15}.sb-iconButton-highContrast{background:var(--colorWhite);opacity:.9;border-radius:50%}.sb-iconButton.sb-iconButton-highContrast:active{transform:scale(.95)}@media (hover:hover) and (pointer:fine){.sb-iconButton:active .sb-icon-hover,.sb-iconButton:hover .sb-icon-hover{transform:scale(1);fill:currentColor}.sb-iconButton-highContrast:hover{transform:scale(1.05);opacity:1}}.sb-closeButton{z-index:1}.sb-closeButton--right{right:0;top:0}.sb-closeButton--left{left:0;top:0}